<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE HTML >

<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>项目管理系统-成员</title>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<style type="text/css">
body {
	padding-top: 40px;
	background-color: #3D71BC;
	background-image: url("img/pro-bg1.jpg");
	background-repeat: no-repeat;
	width: 1440px;
}

.body-bgc {
	margin-top: 30px;
	padding-top: 20px;
	background-color: #bod4e5;
	background: url("img/wash-white-30.png") repeat scroll 0 0 transparent;
}

.con {
	margin-left: 100px;
}

.con-foot {
	margin: 25px 100px;;
}
</style>

</head>
<body>
	<%@ include file="include/topbar.jsp"%>

	<!--网页正文-->


	<div class="container well body-bgc">

		<div>
			<h3>编辑任务</h3>
		</div>
		<hr />
		<!-- 下半部分 -->
		<div class="span6 con">

			<form action="edittask.action" method="post" id="topform">
				<input type="hidden" name="id" value="${id }" /> <label>
					任务名称 </label> <input type="text" class="input-xlarge span5"
					name="task.name" value="${task.name }" /> <label> 开始时间 </label> <input
					type="text" class="input-xlarge span5" name="task.begintime"
					value="${task.begintime}" /> <label> 截止时间 </label> <input
					type="text" class="input-xlarge span5" name="task.endtime"
					value="${task.endtime}" /> <label> 任务描述 </label>
				<textarea rows="3" class="input-xlarge span5" cols=""
					name="task.content">${task.content}</textarea>
				<label> 状态 </label> <select class="span3" name="task.state">
					<option>新任务</option>
					<option>进行中</option>
					<option>已完成</option>
				</select> <label> 级别 </label> <select class="span3" name="task.level">
					<option>重要紧急</option>
					<option>重要不紧急</option>
					<option>不重要紧急</option>
					<option>不重要不紧急</option>

				</select> <label> 负责人 </label> <select class="span3" name="username">

					<c:forEach var="user" items="${userList }">
						<option>${user.username}</option>
					</c:forEach>
				</select><br /> 当前进度：<br /> <input type="text" id="jindu" name="task.rate"
					value="${task.rate}" /><span id="tishiid" class="help-inline"
					style="display:none"></span>

			</form>
			<input id="xxx" type="hidden" value="${task.rate }" />
			<div class="con-foot">
				<a href="goal.action?id=${id }" class="btn ">返回</a>
				<button id="btnsubmit" type="submit" class="btn btn-success"
					style="margin-left: 50px;">
					<i class="icon-th-large icon-white"></i>编辑任务
				</button>
			</div>

		</div>
	</div>
	<script type="text/javascript">
		$(function() {
			$("input[name='task.name']").popover({
				title : "信息提示",
				content : "任务名称不能为空",
				trigger : "manual"
			});

			$("textarea").popover({
				title : "信息提示",
				content : "任务描述不能为空",
				trigger : "manual"
			});

			$("input[name='task.rate']").popover({
				title : "信息提示",
				content : "进度输入错误",
				trigger : "manual"
			});

			$("input[name='task.rate']").click(function() {
				$(this).popover("hide");
			});

			$("input[name='task.name']").click(function() {
				$(this).popover("hide");
			});

			$("textarea").click(function() {
				$(this).popover("hide");
			});

			$("button").click(function() {
				if ($("input[name='task.name']").val() == "") {
					$("input[name='task.name']").popover("show");
					return false;
				}

				if ($("textarea").val() == "") {
					$("textarea").popover("show");
					return false;
				}

				if (!(/^[1-9]\d*$/).test($("input[name='task.rate']").val())) {
					$("input[name='task.rate']").popover("show");
					return false;
				}
				
				if ($("input[name='task.rate']").val() < $("#xxx").val() || $("input[name='task.rate']").val() > 100) {
					$("input[name='task.rate']").popover("show");
					return false;
				}

				$("form").submit();

			});

		});

		$("input[name='task.rate']").blur(function() {
			//(((/^[1-9]\d*$/).test($(this).val())))
			if (!(/^[1-9]\d*$/).test($(this).val())) {
				$(this).popover("show");
			}
			if ($(this).val() < $("#xxx").val() || $(this).val() > 100) {
				$(this).popover("show");
			}
			return false;
		});

		/* $(document).ready(function(){
			$(".btn-success").click(function(){
				edit();
			});
		});
		
			function edit(){
				
				var rat = $("input[id='jindu']").val();
				if(rat>100||rat<=0){
					document.getElementById("tishiid").innerHTML = "请输入0-100的数";
					document.getElementById("tishiid").style.display = "inline";
					document.getElementById("btnsubmit").type="button";
				}else{
					document.getElementById("tishiid").style.display = "display";
					document.getElementById("btnsubmit").type="submit";
				}
			} */
	</script>
</body>
</html>
